<template>
  <el-descriptions :column="2">
    
    <el-descriptions-item>
      <template #label>
        <descriptions-item-label icon="svg-icon:member_balance" label="立项项目预算 " />
      </template> 
      100,000,000元
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <descriptions-item-label icon="svg-icon:member_expenditure_balance" label="立项项目成本" />
      </template>
       200,000元
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <descriptions-item-label icon="svg-icon:member_recharge_balance" label="项目总金额" />
      </template>
       1,000元
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <descriptions-item-label icon="svg-icon:member_recharge_balance" label="项目总成本 " />
      </template>
       10,001,000元
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <descriptions-item-label icon="svg-icon:member_recharge_balance" label="项目变更金额" />
      </template>
       1,000元
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <descriptions-item-label icon="svg-icon:member_recharge_balance" label="项目已收款" />
      </template>
       10,000,000元 
              <el-button size="small" text type="primary" @click="openDetail(1)">
                收款明细
              </el-button>
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <descriptions-item-label icon="svg-icon:member_recharge_balance" label="备注" />
      </template>
       一款已收
    </el-descriptions-item>
  </el-descriptions>
</template>

  <!-- 表单弹窗：添加/修改 -->
  <caiwumingxi ref="formRef" @success="getUserData(id)" />

<script lang="ts" setup>
import { DescriptionsItemLabel } from '@/components/Descriptions'
import * as UserApi from '@/api/member/user'
import * as WalletApi from '@/api/pay/wallet/balance'
import { fenToYuan } from '@/utils'
import caiwumingxi from './caiwumingxi.vue'
 

const loading = ref(true) // 加载中 
 

const { push } = useRouter()
const openDetail = (id: number) => {
  push({ name: 'Projectcaiwumingxi', params: { id } })
}

</script>
<style lang="scss" scoped>
.cell-item {
  display: inline;
}

.cell-item::after {
  content: ':';
}
</style>
